<template>
   <div class="page">
        <div class="blur"></div>
        <div class="msg">
            <div class="top">
                <div class="wechat">
                    <img src="/static/imgs_s08/s08_wechat.png" alt="">
                    <p>微信好友</p>
                </div>
                <div class="wechat friend">
                    <img src="/static/imgs_s08/s08_friend.png" alt="">
                    <p>朋友圈</p>
                </div>
            </div>
            <p class="bottom">
                取消
            </p>

        </div>

    </div>
</template>

<script>

export default {
  data () {
    return {
      
      }
    },

  methods: {
   
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
        .page {
            width: 100%s;
        }

        .blur {
            width: 100%;
            background-color: #000;
            height: 621px;
            opacity: 0.5;
        }

        .msg {
            position: fixed;
            bottom: 0;
            width: 100%;
            height: 189px;
            background: rgba(255, 255, 255, 1);
            border-radius: 15px 15px 0px 0px;
            background-color: #F5F5F5;
            font-family: "Source Han Sans CN";
        }
        .msg .top{
            width: 100%;
            display: flex;
            justify-content: space-around;
            align-items: center;
            width: 100%;
            height: 125px;
            background-color: #fff;
            border-radius: 15px 15px 0px 0px;
        }

        .top img {
            width: 45px;
            height: 45px;
        }
        .top .wechat{
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: #fff;
        }

        .top .wechat p {
            font-size: 16px;
            font-weight: 400;
            color: rgba(51, 51, 51, 1);
            margin-top: 15px;
        }

        .top .friend p {
            font-size: 14px;
        }
        .msg .bottom{
            width: 100%;
            height: 55px;
            margin-top:10px;
            background-color: #fff;
            text-align: center;
            line-height: 55px;
            font-size:16px;
            font-weight:500;
            color:rgba(51,51,51,1);
        }
</style>
